<!DOCTYPE html>
<html lang="ch-ZN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>团购_列表</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <script src="../../lib/js/flexible.js"></script>
</head>
<style>
    .img-box {
        height: 6.33333rem !important;
    }
</style>

<body>
    <div id="tuan" class="app-wrap" v-cloak>
        <div class="shop-i-fixed">
            <div class="shop-i-head">
                <div class="top">
                    <div class="top-left">
                        <div class="icon-back-product"></div>
                        <div class="title">{{shop_name}}旗舰店</div>
                    </div>
                </div>
            </div>
            <div class="time-leave pd-tb-30">
                <p class="line1">距离抢购结束还剩</p>
                <p class="line2">
                    <span>{{hour}}</span>时<span>{{minute}}</span>分<span>{{second}}</span>秒
                </p>
            </div>
        </div>

        <!-- 团购列表 -->
        <div class="bg-gary">
            <div class="shop-tg-pro-list padding-top-350">
                <div v-for="item2 in list" class="item">

                    <div class="img-box">
                        <img :src="item2.commodityPicImg">
                    </div>
                    <div class="text-box">
                        <p class="title">
                            {{item2.commodityName}}
                        </p>
                        <p>
                            <span class="sell-price">¥{{item2.inventoryQuantity}}</span>
                            <span class="joinner-count">{{item2.numberOfParticipants}}人参与</span>
                        </p>
                        <p class="joinnow-wrap mt-48">
                            <button class="joinnow" @click="link(item2.commodityId)">立即参团</button>
                        </p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <script src="../../lib/js/fastclick.js"></script>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="http://mockjs.com/dist/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        tuan();
    </script>
</body>

</html>